<template>
    <div>
        <main-header></main-header>
        <main-todo></main-todo>
        <main-footer></main-footer>
    </div>
</template>

<script>
    // import img from './assets/images/1.jpg'
    // import './assets/styles/index.css'
    import './assets/styles/global.styl'

    import MainHeader from './components/MainHeader.vue'
    import MainTodo from './components/MainTodo/MainTodo.vue'
    import MainFooter from './components/MainFooter.vue'
    export default {
        name : 'App',
        components:{
            //组件名：组件对象(如果组件名和组件对象名称一样可以简写成 组件名)
            MainHeader: MainHeader,
            MainTodo,
            MainFooter,
        },
        data(){
            return {}
        },
        created(){},
        methods: {}
    }
</script>
<!--scope 样式只影响当前文件-->
<style scope>

</style>